As per Slack conversation, I did try importing this branch / commit into CR.com.
It looks fine in CL.
I have only added styling props but I did simplify the way of hiding the input / make it more easy to groq.

@AndyEPhipps
Currently on master we have red for focus state:

  :focus + span {
    border-color: ${({ theme }) => theme.color('red')};
    border-width: 1px;
  }

Is this right or should I change to something else?
ie. border is red for checked and focus.

@AndyEPhipps Currently on master we have red for focus state:

  :focus + span {
    border-color: ${({ theme }) => theme.color('red')};
    border-width: 1px;
  }

Is this right or should I change to something else? ie. border is red for checked and focus.

Ah shit, I'm sorry, my bad - I somehow missed that you'd added prop options for ALL of these colour-usages; so that green border in the example was by design 👍

Just testing a few things locally, sec

Nah man I was sloppy earlier sorry

🎉 This PR is included in version 8.15.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀